<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh">

<head>
    <title>商品后台管理</title>
    <link href="https://oss.gaojie.cc/mainRoboto.css" rel="stylesheet">
    <link rel="icon" href="https://oss.gaojie.cc/mallfavicon.ico">
    <link rel="stylesheet" href="assets/font-awesome-4.7.0/css/font-awesome.min.css">
</head>

<body>

<!-- 真实DOM -->
<div id="app">
</div>

<!-- VUE与加载 -->
<script src="https://oss.gaojie.cc/vue.js"></script>
<script src="https://oss.gaojie.cc/httpVueLoader.js"></script>
<script src="https://oss.gaojie.cc/axios.min.js"></script>
<script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>

<script>
    // 加载并注册顶栏
    const topBar = httpVueLoader("assets/components/mainview/parts/topBar.vue");
    Vue.component("top-long-bar", topBar);

    // 加载并注册左侧侧边栏组件
    const leftSidebar = httpVueLoader("assets/components/mainview/parts/leftSidebar.vue");
    Vue.component("left-side-bar", leftSidebar)

    // 加载并注册首页图表组件
    const rightChartBox = httpVueLoader("assets/components/mainview/parts/rightbox/rightChartBox.vue");
    Vue.component("index-right-chart-box", rightChartBox)

    //加载并注右侧商品管理组件
    const goodsManageBox = httpVueLoader("assets/components/mainview/parts/rightbox/goodsManageBox.vue");
    Vue.component("goods-manage-box", goodsManageBox)

    //加载并注右侧商品窗口展示组件
    const goodsListBlock = httpVueLoader("assets/components/mainview/parts/rightbox/goodsmanage/goodsListBlock.vue");
    Vue.component("goods-list-block", goodsListBlock)

    //加载并注测分页组件
    const goodsPagingBtn = httpVueLoader("assets/components/mainview/parts/rightbox/goodsmanage/goodsPagingBtn.vue");
    Vue.component("goods-paging-button", goodsPagingBtn)

    // 商品表格展示
    const goodsListTable = httpVueLoader("assets/components/mainview/parts/rightbox/goodsmanage/goodsListTable.vue");
    Vue.component("goods-list-table", goodsListTable)

    // 商品管理顶部按钮展示
    const toggleButtonBox = httpVueLoader("assets/components/mainview/parts/rightbox/toggleButtonBox.vue");
    Vue.component("toggle-button-box", toggleButtonBox)

    // 商品分类展示
    const categoryList = httpVueLoader("assets/components/mainview/parts/rightbox/categorymanage/CategoryList.vue");
    Vue.component("category-list", categoryList)

    // 商品添加
    const goodsAdd = httpVueLoader("assets/components/mainview/parts/rightbox/goodsmanage/GoodsAdd.vue");
    Vue.component("goods-add-form", goodsAdd)

    // 加载主 VUE
    const myapp = httpVueLoader("assets/components/mainview/app.vue");

    // 将外部的 VUE 对象挂载到真实 DOM 上
    new Vue({
        render: (h) => h(myapp)
    }).$mount("#app");
</script>

<style>
    body {
        overflow: hidden;
    }
</style>

</body>

</html>